<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="扣丁.css">
</head>
<body>
  <div class="w1100 header">
    <img src="image/logo.png" alt="">
    <form action="">
      <input type="text" placeholder="请输入您关键词">
      <button><img src="image/serch.png" alt=""></button>
    </form>
  </div>
  <div class="nav">
    <ul class="w1100">
      <li><a href="">考试认证</a></li>
      <li><a href="">前端开发</a></li>
      <li><a href="">编程语言</a></li>
      <li><a href="">软件测试</a></li>
      <li><a href="">电商设计</a></li>
      <li><a href="">其他的课程</a></li>
      <li><a href="">新闻资讯</a></li>
      <li><a href="">人力资源</a></li>
      <li class="end"><a href="">联系我们
      </a></li>
    </ul>
  </div>
  <div class="banner">
    <img src="image/banner.png" alt="">
  </div>
  <!-- 新闻 -->
  <div class="new w1100">
    <ul>
      <h3> 动态新闻</h3>
      <li>培养HTML5人才过万机构,4次推动行业课程升级<span>2019-05-24</span></li>
      <li>培养HTML5人才过万机构,4次推动行业课程升级<span>2019-05-24</span></li>
      <li>培养HTML5人才过万机构,4次推动行业课程升级<span>2019-05-24</span></li>
      <li>培养HTML5人才过万机构,4次推动行业课程升级<span>2019-05-24</span></li>
      <li>培养HTML5人才过万机构,4次推动行业课程升级<span>2019-05-24</span></li>
      <li>培养HTML5人才过万机构,4次推动行业课程升级<span>2019-05-24</span></li>
      <li>培养HTML5人才过万机构,4次推动行业课程升级<span>2019-05-24</span></li>
    </ul>
    <div class="mid">
      <h3>关于扣丁</h3>
      <p>扣丁学堂是千锋教育集团旗下IT在线教育品牌,秉承”用良心做教育"的理念,旨在让学员通过在线学习的方式实现IT梦.....</p>
      <p>"扣丁"一词是英文CODING的谐音,意为编码的意思域名CODINGKE是"扣丁客儿"的意思....</p>
    </div>
    <div class="right">
      <h3>人才招聘</h3>
      <p>培养一流的人才，铸造一流的工程实现员工与企业的共同发展</p>
      <p>MORE🗡
      </p>
      <img src="image/xiaoshu.png" alt="">
    </div>
  </div>
  <!-- 前端开发 -->
  <div class="qian">
    <div class="kaif">
      <img src="image/h5.png" alt="">
      <h4>HTML5大前端开发</h4>
      <p> 月薪 : <span>10-15k</span>
        <a href="">查看你就业情况</a>
      </p>
      <p>全栈HTML5+web前端开发培训工程师体系课程，通过一系列由入门到实战项目系列由入门到实战项目系列由入门实战项目系列由入门到实战项目系列由入门到实战项目，掌握前端工程师所需技能，学习前后端开发关键技术、特效高级实战、企业级应用，更有微信小程序开发，成为...</p>
    </div>
  </div>
  <!-- 名师 -->
  <div class="w1100 teach">
    <div class="top w1100">
      <h3>面授名师<a href="">数十位总监级专家讲师全职授课,200余位业内强师全程面授>></a></h3>
    </div>
<!-- pic -->
<ul class="w1100 pic">
  <li>
<h4>王老师</h4>
<p>原中科院计算机专家</p>
<p>11年从业经验,曾任北京市搞笑师资培训中心特邀讲师,多年担任北京市属高校师资培训工作</p>
  </li><li>
    <h4>王老师</h4>
    <p>原中科院计算机专家</p>
    <p>11年从业经验,曾任北京市搞笑师资培训中心特邀讲师,多年担任北京市属高校师资培训工作</p>
      </li><li>
        <h4>王老师</h4>
        <p>原中科院计算机专家</p>
        <p>11年从业经验,曾任北京市搞笑师资培训中心特邀讲师,多年担任北京市属高校师资培训工作</p>
          </li><li style="margin-right: 0;">
            <h4>王老师</h4>
            <p>原中科院计算机专家</p>
            <p>11年从业经验,曾任北京市搞笑师资培训中心特邀讲师,多年担任北京市属高校师资培训工作</p>
              </li>
</ul>
  </div>
  <!-- 尾部 -->
  <div class="foot">
    <p>北京千峰互联科技有限公司版权所有  北京市海淀区宝盛北里西区28号 天丰利商场4层</p>
    <p>京ICP备12003911号-6  Copyright &copy;
      2013 - 2019
    </p>
  </div>
</body>
</html>